import React from 'react'
import './index.scss'
function Com(props) {
  return (
    <>
      <ul className='news_contacts_level_1'>
        <li>
          <img src="/images/staff-icon.png" alt="" />
          <p>
            教职工
          </p>
        </li>
        {
          [{ name: '高三（1）班', id: 1 }, { name: '高三（2）班', id: 2 }, { name: '高三（3）班', id: 3 }].map(item => {
            return (
              // 这里应该携带一个参数, 在二级通讯录页面加载时请求数据
              <li key={item.id} onClick={() => {
                props.history.push('/news/contactsList/levelTwo')
              }}>
                <img src="/images/class-icon.png" alt="" />
                <p>
                  {item.name}
                </p>
              </li>
            )
          })
        }
      </ul>

    </>
  )
}

export default Com